<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
    <!--form标签，指定数据发送的服务器地址 action
        method (get，post) 指定提交方式
        表单控件放在form里，才能将数据发送到服务器
        action="" 必填属性
        method="" 默认get

        <input/> 指定表单元素，默认文本框type="text"
        size="20" 显示长度
        maxlength="5" 输入字符数量
        readonly 只读
        value="zyw" 默认值
        disabled 禁用， 禁用之后数据无法发送服务器
        placeholder="" 提示文本

    -->
    <form action="input/a/b" method="post">
        <p>
            文本框: <input type="text" value="zyw" name="username"/>
        </p>
        <p>
            密码框：<input type="password" placeholder="请输入密码"/>
        </p>
        <p>
            <!--需要设置value,name值相同才能实现单选,checked默认选中-->
            单选：<input type="radio" value="0" name="sex" checked/>男
            <input type="radio" value="1" name="sex"/>女
        </p>
        <p>
            <!--name属性相同，以后会形成String[]. value必须有-->
            多选：<input type="checkbox" value="0" checked/>选项1
            <input type="checkbox" value="1"/>选项2
            <input type="checkbox" value="2"/>选项3
        </p>
        <p>
            <!--value="" 是按钮显示的文本-->
            普通按钮：<input type="button" value="普通按钮"/> <br/>
            重置按钮:<input type="reset" value="重置按钮"/><br/>
            提交按钮：<input type="submit" value="提交按钮"/>
        </p>
        <p>
            下拉列表：
            <select>
                <!--option 每个选项-->
                <option value="0">显示文本1</option>
                <option value="1">显示文本2</option>
                <option value="2">显示文本3</option>
            </select>
        </p>
        <p>
            <!--rows="5" cols="30" 显示大小-->
            多行文本框：
            <textarea placeholder="请输入..." rows="5" cols="30"></textarea>
        </p>
        <p>
            <!--编程使用-->
            隐藏域：<input type="hidden"/>
        </p>
    </form>

    <!--
        get 、 post 区别，默认 get
        1.get请求，会将提交数据，显示在地址栏，是不安全的。
            发送的数据量少，但速度快
        2.post 是安全的。
            包含更多的数据

        做数据添加，修改，删除操作,使用 post
        查询操作， 用 get
    -->
</body>
</html>









